/* 1.0.0.4 */
div.content {
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;float: right;width: 400px;}
div.content a, div.navigation a {text-decoration: none;color: #777777;font-family:Century Gothic;font-size:12px}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px;height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative;clear: both;
    height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.loader {position: absolute;top: 0;left: 0;background-image: url('../images/loader.gif');background-repeat: no-repeat;background-position: center;
    width: 400px;
    height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */}

div.slideshow {
}
div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;}
div.slideshow a.advance-link {display: block;width: 400px;
    height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
    /* line-height: 300px; This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle;border: 1px solid #CCCCCC;}
div.download {float: right;display:none;}
div.caption-container {position: relative;clear: left;height: 75px;}
span.image-caption {display:block;position: absolute;width: 400px;top: 0;left: 0;}
div.caption {padding: 12px;}
div.image-title {display:none;font-family:Century Gothic;font-size:13px;font-weight: bold;color:#FFFFFF}
div.image-desc {display:block;font-family:Century Gothic;font-size:13px;color:#C0C0C0;line-height: 1.3em;padding-top: 12px;}
div.navigation {
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {clear: both;margin: 0;padding: 0;}
ul.thumbs li {float: left;padding: 0;margin: 5px 5px 5px 0;list-style: none;}
a.thumb {padding: 1px;display: block;border: 1px solid #CCCCCC;}
ul.thumbs li.selected a.thumb {background: #D3D3D3;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #CCCCCC;font-family:Century Gothic;font-size:12px}
div.pagination a:hover {background-color: #EEEEEE;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #D3D3D3; border-color: #D3D3D3;color: #FFFFFF;}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}